<template>
  <div>
    <!-- <callRoom ref="callRoom"/> -->
    <div class="topIcon" @click="logout">
      <img src="../../assets/images/home/tuichu.png" />
    </div>
    <div class="tabsContainer">
      <el-tabs style="padding: 0rem 1.5rem 0rem">
        <el-tab-pane label="健康数据"><healthQuery /></el-tab-pane>
        <!-- <el-tab-pane label="配置管理">配置管理</el-tab-pane> -->
      </el-tabs>
    </div>
  </div>
</template>
<script>
import { mapState } from "vuex";
import healthQuery from "./healthQuery/index.vue";
//import callRoom from "@/components/call-room/index.vue";
export default {
  name: "healthRecord",
  components: {
    healthQuery,
    //callRoom,
  },
  computed: mapState({
    currentUserId: (state) => state.currentUserId, //当前的用户id
    loginUserInfo: (state) => state.loginUserInfo,
    userInfoDetails: (state) => state.userInfoDetails,
  }),
  data() {
    return {};
  },
  methods: {
    logout() {
      this.$router.push("/");
    },
  },
};
</script>
<style scoped>
.topIcon,
.topIcon img {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 2rem;
  position: absolute;
  right: 0;
  top: 1rem;
  cursor: pointer;
}
.tabsContainer {
  position: absolute;
  left: 2rem;
  top: 2rem;
  width: 90rem;
}
.tabsContainer .el-tabs /deep/ .el-tabs__item {
  font-size: 1.1rem;
  font-weight: bold;
}
</style>
